{% include 'header.html' %}
<div class="content">
	<div class="col_izq">{% include 'menu_izq.html' %}</div>

	<div class="col_central">
		<div class="pelicula-content">
			<div class="caratula"><img src="{{ STATIC_URL }}images/{{pelicula.url_imagen}}"></div>
			<div class="pelicula-datos">
				<dl class="pelicula-datos-dl">
					<dt>Título:</dt><dd>{{pelicula.titulo}}</dd>
					<dt>Director:</dt><dd>{{pelicula.director}}</dd>
					<dt>Actores:</dt><dd>{{pelicula.actores}}</dd>
					<dt>Año:</dt><dd>{{pelicula.anyo}}</dd>
					<dt>Productora:</dt><dd>{{pelicula.productora}}</dd>
					<dt>Nacionalidad:</dt><dd>{{pelicula.nacionalidad}}</dd>
					<dt class="nota"><strong>Nota:</strong></dt><dd><strong>{{pelicula_valoracion}}</strong></dd>
				</dl>
			</div>
			<div class="pelicula-sinopsis"><p>{{pelicula.sinopsis}}</p></div>
			<div class="criticas">
				<ul>
				{% for id,titulo,nota,resumen,usuario in lista_criticas %}
					<li>
						<div class="critica-title"><a href="/critica/?c={{id}}">{{titulo}}</a></div>
						<div class="critica-nota"><p>Nota: {{nota}}</p></div>
						<div class="critica-resumen"><p><i>{{resumen}}</i></p></div>
						<div class="critica-usuario"><p>Usuario: {% if request.user.is_authenticated %}<a href="/perfil/?u={{usuario.id}}">{{usuario.username}}</a>
																	{% else %}{{usuario.username}}{% endif %}</p></div>
					</li>
				{% endfor %}
				</ul>
				{% if lista_criticas|length > 4  %}
					<a href="/criticas-pelicula/?t={{pelicula.id}}">Ver todas</a>
				{% endif %}
				{% if user.is_authenticated %}
					{% if not criticada %}
						<p><a href="/critica-add/?t={{pelicula.id}}&path={{request.get_full_path}}">Añadir crítica</a></p>
					{% endif %}
					{% if not votada %}	
						<form name="voto-form" method="post" action="/pelicula/">
						{% csrf_token %}
							<span>Valora</span>
							<div class="votacion-input">
								<input name="valor" type="radio" value="1"> 1
								<input name="valor" type="radio" value="2"> 2
								<input name="valor" type="radio" value="3"> 3
								<input name="valor" type="radio" value="4"> 4
								<input name="valor" type="radio" value="5"> 5
							</div>
							<input name="pelicula_id" type="hidden" value="{{pelicula.id}}">
							<input name="submit" type="submit" value="Votar">
						</form>
					{% else %}
						<div class="valoracion_user">
							{% if nota_usuario %}
								<p id="valoracion">Tu valoración: {{nota_usuario}}
									<div>
										<button class="mod-valoracion">Modificar</button>
									</div>
								</p>
								<div class="mod-valora-form">
									<form name="voto-form" method="post" action="/pelicula/">
									{% csrf_token %}
										<span>Valora</span>
										<div class="votacion-input">
											<input name="valor_mod" type="radio" value="1"> 1
											<input name="valor_mod" type="radio" value="2"> 2
											<input name="valor_mod" type="radio" value="3"> 3
											<input name="valor_mod" type="radio" value="4"> 4
											<input name="valor_mod" type="radio" value="5"> 5
										</div>
										<input name="pelicula_id" type="hidden" value="{{pelicula.id}}">
										<input name="submit" type="submit" value="Votar">
									</form>
								</div>
							{% endif %}
						</div>
					{% endif %}
				{% endif %}
			</div>
		</div>
	</div>

	<div class="col_der">{% include 'menu_der.html' %}</div>
</div>

{% include 'footer.html' %}